*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} body{padding:0;margin:0 auto;background:#fff;font-size:14px;color: #333} body,input[type="button"],input[type="submit"],input[type="reset"],input,select,textarea,pre{font-family:"\5FAE\8F6F\96C5\9ED1"} html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; /*font-size: 100%;*/outline: none; } div,span,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav{padding:0;margin:0;list-style:none} input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;} input,select,textarea{font-size:14px;} img{border:none;/*vertical-align: middle; */ max-width: 100%;} a{color:#444;text-decoration:none;cursor:pointer} a:hover{text-decoration:none} .clear{clear:both;overflow:hidden;height:0;line-height:0} .clearafter:after{content:"";width:100%;clear:both;height:0;overflow:hidden;display:block} .clearfix:after,.clearfix:before,.mauto:after,.mauto:before{display:table;content:""} .clearfix:after,.mauto:after{clear:both} .imgs{overflow:hidden;background:#eee url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center} .imgs img{width:100%;height:100%;object-fit:cover} .pr15{padding-right:.15rem} .pb15 {padding-bottom: 1.15rem;} .pt15 {padding-top: 1.15rem;} .pb30 { padding-bottom: 1.3rem;} .pt30 {padding-top: 1.3rem;} .mb20{margin-bottom:.2rem} .pt50{padding-top:.5rem} .pb40{padding-bottom:.4rem} .pb50{padding-bottom:.5rem} .mauto{max-width:1280px;margin:0 auto} .tac {text-align: center;} .rel{position:relative} .abs{position:absolute} .left{float:left} .right{float:right} .fl{float:left} .fr{float:right} .red{color:#007cbe} .dfcc,.dfccs,.dflc,.dflr,.dflrs{display:-webkit-flex;display:flex} .dfcc,.dfccs{justify-content:center;-webkit-justify-content:center} .dflc,.dfcc,.dfccs,.dflr,.dflrs{align-items:center;-webkit-align-items:center} .dtm{display:table;margin:0 auto} .els{display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word} .els2{display:block;display:-webkit-box;width:100%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2} pre{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0} .overhide{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .contain {width:100%;position:relative;} .index_sec{ position:relative;top:0;left:0;width:100%;} .active .contain,.fp-completely .contain{display: block} .main1500{max-width:1280px;margin:0 auto;width:100%} .blank10{height:10px;} .blank20{height:20px;} .blank40{height:40px;} .bodyhui{background: #fafafa} .pc_hide { display: block; } :before{content:"";position:absolute;z-index:1;} :after{content:"";position:absolute;z-index:1;} .an{width: 250px;height: 55px;text-align: center;background: #9f0010;line-height: 55px; color: #fff;font-size: 16px;-webkit-border-radius: 35px;-moz-border-radius: 35px; border-radius: 35px;font-weight: 100;margin: 60px auto 0;cursor: pointer;overflow: hidden;position: relative;border: 0;} .bd{box-sizing: border-box;border: 1px solid #e1e7ee;height: 40px; width: 100%;outline: 0;margin-right: 2%;text-indent: 25px;border-radius: 22px;} .bd1{box-sizing: border-box;border: 1px solid #e1e7ee;height: 40px; width: 30%;outline: 0;margin-right: 2%;text-indent: 25px;border-radius: 22px;} .lyl{width:70%;padding-top:2%} .lyr{width: 29%;padding-top: 2%;} /*图片hover效果*/ .scaleimg img,.rotateimg img,.fytdtxt h3 span,.fyfenlie li a span,.fyxwzx li:after,.fyshzrlbleft span,.fylxkf,.fywsssxt li h2 span,.fygyrlsr li,.fyhzhb li,.fycxcg .fyjgtop span,.fyyoushi h3,.fyghtop li span,.ywcent li h4,.ywcent li h2{transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out } .scaleimg:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)} /*图片hover效果*/ .rotateimg:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} /*小标题*/ .pro_top{ padding:18px 0; overflow:hidden; clear:both;text-align:center;} .pro_top h5{ font-size:30px;font-weight: normal;} .pro_top p{ background:url(tacn/index_r7_c18.jpg) center 5px no-repeat; height:35px; line-height:35px; color:#B5B5B5; font-family:Verdana, Geneva, sans-serif; font-size:16px; margin-top:2px;} .pro_top ol{ background:url(tacn/index_r9_c18.jpg) no-repeat; width:320px; height:38px; margin-top:5px; overflow:hidden; color:#fff; font-size:16px; text-align:center; line-height:38px;margin: 0 auto;} /*标题*/ .section-title{position:relative;/*margin-bottom:40px;*/padding-bottom:15px; margin-top: 33px;} .section-title h1{font-size:36px;margin-bottom: 15px;} .section-title:after{position:absolute;bottom:0;left:50%;margin-left:-7%;width:14%;height:2px;background-color:#ececec;content:"";} .section-title h3{margin-bottom:10px;color:#BF1A20;text-transform:uppercase;font-weight:100;font-size:36px;line-height:1.1em;} .section-title h2{text-transform:uppercase;font-weight:300;font-size: 22px;line-height: 35px;} .parallax .section-title:after{background-color:#cfcfcf;background-color:rgba(207,207,207,.4);} .parallax .section-title h2{color:#fff;} /*top*/ header,footer,.header-m,main{transition:all .5s;-webkit-transition:all .5s} .header{position:fixed;left:0;top:0;z-index:100;width:100%; background: rgba(2, 2, 2, 0.54);/*min-width:1260px;*/height:90px;padding-top:24px;-webkit-transition:background ease .3s;-o-transition:background ease .3s;-moz-transition:background ease .3s;transition:background ease .3s} .header .weblg{position:static} .header .logo{display:block;float:left;margin-top:-2px} .header .edit-handle{margin:0 0 0 34px;float:right;width:22px;height:44px;background:url(../webimages/hdedit.png) no-repeat center} .header .head-search{position:relative;float:right} .header .search-handle{margin:0 0 0 19px;display:block;width:21px;height:44px;background:url(../webimages/search-handle.png) no-repeat center} .header .search-form{display:none;position:absolute;right:-75px;width:247px;height:65px;padding-top:20px;z-index:50;background:url(../webimages/index_348.png) no-repeat 0 0} .header .search-form input{display:block;width:100%;font-size:14px;line-height:16px;height:16px;color:#333} .header .search-form .key{float:left;width:201px;padding:12px 0} .header .search-form .key input{padding-left:15px} .header .search-form .search{float:left;width:40px;padding:12px 0;background:url(../webimages/index_349.png) no-repeat center} .header .search-form .search input{font-size:0;cursor:pointer} .unflodheader{background:url(../images/tacn/hdbg.png) repeat 0 0} .nav{float:right} .nav li{float:left;padding:0 5px 0} .nav .title a{display:block;font-size:16px;line-height:44px;padding:0 4px 22px;color:#fff} .nav .title a:hover{color:#d90000;border-bottom:2px solid #d90000} .nav .title.ac a,.nav .title.cur a{color:#d90000;padding-bottom:20px;border-bottom:2px solid #d90000} .nav .downmenu{display:none;position:absolute;top:52px;left:50%;z-index:50;width:150px;margin-left:-75px;padding:10px 0;border:1px solid #eee;background-color:#fff} .nav .downmenu a{display:block;padding:5px 0;text-align:center;color:#333} .nav .downmenu a:hover{color:#d90000} .nav .activehook{position:absolute;bottom:0;height:2px} .nav .activehook i{display:block;height:2px;background-color:#d90000} .full-dropdown{display:none;position:absolute;left:0;top:90px;width:100%;z-index:50;background-color:#fff;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.2);box-shadow:0 0 3px 1px rgba(0,0,0,.2)} .full-dropdown .nav-web{width:87%;margin:0 auto;height:275px} .full-dropdown .column{position:relative;float:left;width:30%;height:275px;padding-top:24px;background:url(../images/tacn/columnbg.png) no-repeat right 0} .full-dropdown .column .navbg{position:absolute;top:0;right:0;z-index:-1;width:500%;height:100%;background-color:#f2f2f2} .full-dropdown .column .ico{height:132px;line-height:132px} .full-dropdown .column .ico img{vertical-align:middle} .full-dropdown .column .cn{font-size:18px;line-height:36px;font-weight:700;color:#d90606} .full-dropdown .column .en{font-size:30px;line-height:36px;font-weight:700;color:#ccc} .full-dropdown .subnav{float:left;width:70%} .solution-nav-wrapper .solution-nav{padding-top:34px} .solution-nav-wrapper ul{padding-left:60px} .solution-nav-wrapper li{float:left;width:25%;padding:0} .solution-nav-wrapper li a{display:block;font-size:16px;line-height:50px;color:#333;padding-left:12px;background:url(../webimages/colsolline.png) no-repeat 0 center} .solution-nav-wrapper li a:hover{font-weight:700;color:#d90000;background-image:url(../webimages/colsollineac.png)} .news-nav-wrapper,.wechat-nav-wrapper{overflow:hidden} .news-nav-wrapper ul,.wechat-nav-wrapper ul{padding-top:65px;margin-left:-46px;margin-right:-46px} .news-nav-wrapper li,.wechat-nav-wrapper li{float:left;width:25%;padding:0;text-align:center;font-size:16px;line-height:60px;font-weight:700} .news-nav-wrapper li:hover a,.wechat-nav-wrapper li:hover a{color:#d90000} .news-nav-wrapper .ico,.wechat-nav-wrapper .ico{margin-bottom:6px} .news-nav-wrapper .ico img,.wechat-nav-wrapper .ico img{width:100px;height:100px} .news-nav-wrapper h3,.wechat-nav-wrapper h3{font-weight:700;font-size:16px} .news-nav-wrapper h3 a,.wechat-nav-wrapper h3 a{color:#333} .news-nav-wrapper li{width:16.66667%} /*网站建设*/ .m-ico-links{float:left;width:45.4%;padding-top:25px;padding-left:4.6%} .m-ico-links a{display:block;font-size:0;line-height:45px;margin-bottom:16px} .m-ico-links a:hover{color:#d90000} .m-ico-links img{margin-right:20px;vertical-align: middle;} .m-ico-links span{font-size:16px;vertical-align:middle} /*网站建设*/ .site-nav-wrapper .m-ico-links{width:29.7%;padding-left:3.5%} /*我们*/ .about-nav-wrapper dl{float:left;width:100%;padding:29px 60px 0;height:251px} .about-nav-wrapper dl dt{margin-bottom:15px;padding-bottom:16px;font-size:18px;line-height:24px;font-weight:700;border-bottom:1px solid #d9d9d9} .about-nav-wrapper dl a{display:block;font-size:16px;float: left;line-height:36px;color:#666;padding-left:40px;background:url(../webimages/colsolline.png) no-repeat 0 center} .about-nav-wrapper dl a:hover{font-weight:700;color:#d90000;background-image:url(../webimages/colsollineac.png)} .about-nav-wrapper .know{background:url(../webimages/navknow.png) no-repeat 246px 173px} .about-nav-wrapper .customer{border-left:1px solid #d9d9d9;background:url(../webimages/navcus.png) no-repeat 243px 168px} /*联系*/ .contact-nav-wrapper dl{float:left;position:relative;width:33%;height:195px;padding:83px 40px 0 54px;overflow:hidden;zoom:1} .contact-nav-wrapper dl .ico{float:right;width:100px} .contact-nav-wrapper dl dt{font-size:16px;line-height:60px;color:#333;font-weight:700} .contact-nav-wrapper dl dt a:hover{color:#d90000} .contact-nav-wrapper dl dd{font-size:14px;line-height:18px;color:#888} .contact-nav-wrapper dl dd a{color:#888} .contact-nav-wrapper dl .ico a{display:block} .contact-nav-wrapper .hr{border-left:1px dashed #d9d9d9} /*banner*/ .banner{position: relative;} .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left {background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);} .carousel-control.right {right: 0;left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);} .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; outline: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #fff; border-radius: 15px; } .carousel-indicators li:hover{width: 12px; height: 12px; margin:1px; background-color: #e67816;} .carousel-indicators .active { width: 35px; height: 12px; margin:1px; background-color: #e67816; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } /*轮播设置*/ #banner{ position: absolute; left: 0; bottom: 0; width: 100%; /* display: flex; */ justify-content: center; background-color:rgba(0,0,0,0.4); z-index: 1;} #banner li{ width: 25%; float: left; color: #fff; border-left: 1px solid #353943; height: 100px; display: flex; -webkit-align-items: center; align-items: center;} #banner li:last-child{ border-right: 1px solid #353943;} #banner img{/*width: 27%; height: 36px;*/ margin-right: 5px; padding:0 11%; padding-right: 10px;} #banner .banner-title{ font-size: 18px; padding-bottom: 6px; letter-spacing: 1px;} #banner .banner-detail{ font-size: 15px;} /*业务*/ .develop-second{background: #FAFAFA; display: flex;} .fast-access { width: 100%; padding:2% 3%; margin: 0 auto; text-align: center;} .public-header { font-family: Helvetica; font-size: 30px; color: #333333; height: 40px; position: relative; top: 20px;} .public-intro { font-family: Helvetica; font-size: 16px; color: #999999; text-align: center; margin: 20px 0 30px; position: relative; top: 20px;} .access-box { width: 100%; margin: 0 auto;} .access-item { font-family: Helvetica; text-align: center; width: 23%;float: left; height: 342px; background: #FFFFFF; border-radius: 4px; padding: 10px 24px 45px; position: relative;margin:2% 1%; -ms-flex: 0 0 auto; overflow: hidden;} .acess-icon { display: block; width: 100px; /* height: 72px;*/ margin: 0 auto;} .access-text { margin-top: 20px; margin-bottom: 11px; font-size: 21px; color: #333333;} .access-tips { font-size: 15px; color: #999999; text-align: center; line-height: 28px;} .card-btn { display: none; opacity: 0.83; background: #1D73F1; box-shadow: 0 20px 30px 0 rgba(0, 33, 110, 0.09); border-radius: 0 0 4px 4px; width: 100%; height: 60px; font-size: 0px; position: absolute; bottom: -60px; left: 0px; text-align: center; padding: 21px 40px 20px;} .card-btn a { text-decoration: none;font-family: Helvetica; font-size: 14px; color: #FFFFFF;} .create-link { text-align: left; height: 19px; padding-right: 28px;} .get-more { height: 19px; border-left: 1px solid #FFFFFF; text-align: right; padding-left: 27px;} .access-item:hover .card-btn { display: block; bottom: 0px;} .access-item:hover { box-shadow: 0 20px 20px 0 rgba(163, 163, 163, 0.23); border-radius: 0 0 4px 4px;} /*样板工程*/ #anli{width:100%; overflow: hidden; margin: 0 auto;} .anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 50px; margin-top: 10px;} .anul>li{width:18%; height: auto; margin:0 1%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;box-shadow: #c6c6c6 4px 3px 6px;} /*.anul>li:last-child{display:none;}*/ .anul>.li{margin-right: 0px; } .anul>li>a>img{display: block; width: 100%;} .anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 16px; position: absolute; bottom: 0px; left: 0px; } .anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0; width: 100%; padding:15% 0px;} .anul>li>a>div>h2{font-size: 18px; color:white; margin: auto; text-align: center;margin-top: 20%;line-height: 55px;} .anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;} .anul>li:hover div{height: 100%; padding: 15%; opacity: 1;} .anul>li:hover .h2{display: none;} .nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px; margin-bottom: 45px;} .nav4>ul{display: inline-block; margin: 0 auto; border: 1px solid #d1cfcf;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px;} .nav4>ul>li{float: left; margin-right: 20px;} .nav4>ul>li>a{font-size: 17px; color:#000;padding:10px 30px; border-radius: 10px; display: block;} .nav4>ul>li:last-child{margin-right: 0;} .nav4>ul>li>.a{background:#c80505; color: white;} .anul{display: none;} /*文化*/ .fywenhua{background:url(../images/tacn/index_a1.jpg) no-repeat center center;background-size: cover;padding: 1px 0 56px;} .fywenhua .fuwutop{padding-top: 0} .fywenhuabot{margin-top: 60px;padding: 0 0%} .fywenhuabot li{float:left;width: 27%;margin: 0 3%;text-align: center} .fywenhuabot li img{width: 105px;display: block;margin: 0 auto} .fywenhuabot li h2{font-size: 75px;color: #fff;font-weight: normal;margin: 25px 0} .fywenhuabot li h3{font-size: 27px;color: #fff;font-weight: normal} /*公司新闻*/ .c_news li:nth-child(4) time,.c_news li:nth-child(5) time,.c_news li:nth-child(6) time{display:none;} .c_news li:nth-child(4) em,.c_news li:nth-child(5) em,.c_news li:nth-child(6) em{display:none;} .c_news{width:100%;float:left;height:422px;position:relative;} .c_news li{width:36%;height:133px;position:absolute;top:0;left:29.4%;background:#fff;padding:20px;} .c_news li:hover:after{background:#fff;box-shadow:0 4px 10px 0 rgba(0,0,0,.20);transition:800ms;} .c_news li a{width:100%;height:100%;float:left;position:relative;z-index:2;} .c_news li a:hover img{transform:scale(1);} .c_news li h2,.c_news li i,.c_news li time,.c_news li p{position:absolute;z-index:5;} .c_news li i{width:100%;float:left;left:0;top:0;max-height:220px;} .c_news li time{width:calc(100% - 20px);left:0px;bottom:0;padding:5px 0 0 18px;border-top:solid 1px #EDEDED;background:url(../time.png) no-repeat 0 16px;} .c_news li p{height:40px;line-height:20px;bottom:18%;} .c_news li h2{font-size:16px;line-height:18px;height:36px;} .c_news li h3{position:absolute;right:0;top:0;width:100px;height:40px;background:url(../bg.jpg);text-align:center;padding-top:90px;} .c_news li h3:before{width:100%;height:60px;background:url(../zx_ico.png) no-repeat center 0;left:0;top:20px;} .c_news li:nth-child(5) h3:before{background-position:center -154px;} .c_news li:nth-child(6) h3:before{background-position:center -310px;} .c_news li:nth-child(1){width:28%;left:0;padding:0;height:422px;background:#F0F0F0 url(../images/tacn/npic.jpg) no-repeat center top;background-size:100%;} .c_news li:nth-child(1) h2{width:calc(100% - 60px);left:0px;bottom:0px;height:36px;line-height:36px;padding:0 50px 0 10px;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);} .c_news li:nth-child(1) h2:before{width:19px;height:16px;background:url(../njt.png) no-repeat;background-size:100%;left:auto;right:20px;top:9px;} .c_news li:nth-child(1):hover h2:before{right:10px;transition:0.3s ease-out;} .c_news li:nth-child(1):after,.c_news li:hover:nth-child(1) time:before{display:none;} .c_news li:nth-child(1) time{width:34px;left:0;top:18px;border:0;height:56px;text-align:center;font-size:38px;color:#3396FB;background:rgba(255,255,255,.8);text-align:left;padding:0 10px 6px 10px;font-family:shuzi;} .c_news li:nth-child(1) time:after{content:"月";width:12px;height:14px;line-height:13px;font-size:12px;color:#fff;text-indent:1px;font-family:"宋体";left:24px;top:6px;background:#38ADFF;} .c_news li h1{width:50px;position:absolute;left:0;top:0;z-index:3;background:#3396FB;background:linear-gradient(to right,#3396FB,#38ADFF);color:#fff;font-size:12px;height:18px;line-height:16px;padding:0 2px;text-align:center;} .c_news li:nth-child(1) span{display:block;color:#34373A;font-size:18px;line-height:16px;margin:6px 0 10px 0;position:relative;} .c_news li:nth-child(1) a:hover img{transform:scale(1);} .c_news li:nth-child(2) h2,.c_news li:nth-child(3) h2{left:0;padding-left:0;} .c_news li:nth-child(2) p,.c_news li:nth-child(3) p{left:0;bottom:50px;height:57px;line-height:20px;} .c_news li:nth-child(2){height:204px;} .c_news li:nth-child(3){height:204px;bottom:0;top:auto;} .c_news li:nth-child(4),.c_news li:nth-child(5),.c_news li:nth-child(6){width:33%/*calc(36.5% - 120px)*/;left:auto;right:0;/*padding-right:120px;*/} .c_news li:nth-child(5){top:147px;} .c_news li:nth-child(6){bottom:0;top:auto;} .c_news li em{width:21px;height:5px;position:absolute;bottom:8px;right:4px;background:url(../new_more.png);} .c_news li em:before{width:0;height:5px;background:url(../new_more.png) no-repeat 0 -15px;top:0px;} .c_news li:hover em:before{width:100%;transition:0.5s;} .box{width: 100%;float: left;/*padding: 50px 5%;*/ position: relative;} .bg { background: #F0F3F5;} /*公司环境*/ .index_top{ width: 100%;box-sizing:border-box;/*display:flex;border-bottom: 1px solid #e7e7e7; height: 23%;z-index: 10000;*/position: relative; } .index_top_partition{ height: 31%;} .index_top_in{ width: 83.3%; margin: auto;} .index_top_left{ width: 50%; float: left;} .index_top_left_business{ font-size: 48px; color: #58585b;} .active .index_top_left_business{ animation: jello 1s ease 0.5s; -webkit-animation:jello 1s ease 0.5s; animation-fill-mode: both;} .index_top_left_inroduction{ font-size: 18px; line-height: 2; color: #58585b; letter-spacing: 1px;} .active .index_top_left_inroduction{animation: bounceInLeft 1s ease 0.5s;-webkit-animation:bounceInLeft 1s ease 0.5s;animation-fill-mode: both;} .p8_con{width: 100%;clear:both;padding-bottom:20px;} .p8_con li{ width: 20%;padding: 0 1%;/*height: 33.3%;*/float: left;position: relative; overflow: hidden;} .p8_mask{ width: 100%;height: 100%;position: absolute;top: 0; left: 0;z-index: 2; display: block;opacity: 0.5;} .p8_con_pic{width: 100%;/*height: 100%;*/display: block;} .p8_con_pic_h{width: 100%;height: 100%; display: inline-block;background-color: rgba(215, 7, 23, 0.86);color: #fff;position: absolute; top:0; left: 0; z-index: 2; display: none;} .p8_con_pic_h_title{font-size: 24px;text-align: center; font-weight: lighter;padding-top: 25%;} .p8_con_pic_h_border{margin:auto;text-align: center;margin-top: 5%;} /*.p8_con_phone{display: none;}*/ /*联系我们*/ .contacts{background:url(../images/tacn/map.jpg) no-repeat center;display:flex;margin-top:48px;} .contacts .map img{max-width: 100%;height:auto !important;width:auto !important;} .con-box{padding-top:30px;} .con-box h2{color:#333;font:400 18px/26px "Microsoft Yahei";/*background: url(../images/tacn/line3.jpg) no-repeat 0 100%;padding-bottom: 25px;*/} .con-box h2 p{color:#810110;font:600 31px/36px "Microsoft Yahei";text-transform:uppercase; } .con-box h2 p span{color:#333;} .con-box .conten{color:#333;font:400 16px/38px "Microsoft Yahei";/*padding-top:40px;*/} .con-box .conten img{padding-right: 10px;} .le{width:60%;} .ri{width:54%;padding-right: 15px; padding-left: 116px; background:#f1f1f1;} /*neiyehuandeng*/ .list_ban{width:100%;margin:0 auto;height:360px;background:url(../../images/tacn/list_ban.jpg) no-repeat;position:relative;} .list_ban .text{width: 87%; margin: 0 auto; padding-top:220px;position:relative;} .list_ban .text dl{width:100%;float:left;} .list_ban .text dt{/*float:left;*/} .list_ban .text dt em{font-size:55px;line-height:62px;color:rgba(255,255,255,.4);text-transform:uppercase;font-style: normal;} .list_ban .text dt h2{font-size:32px;color:#fff;line-height:50px; font-weight: normal;} .list_ban .text dt p{font-size:16px;color:rgba(255,255,255,.8);line-height:20px;} .list_ban .text dt b{font-size:32px;padding-top:9px;border-top:solid 2px rgba(255,255,255,.4);position:relative;top:-1px;color:#DFB85A;} .list_ban .text dd{color:rgba(255,255,255,.6);position:absolute;right:0;bottom:0;padding-left:30px;} .list_ban .text dd:before{width:22px;height:22px;background:url(../../images/tacn/dz.png) no-repeat center;background-size:100%;left:0;top:0px;} .list_ban .text dd a{color:rgba(255,255,255,.8);padding-right:35px;position:relative;} .list_ban .text dd a:hover{color:#fff;} .list_ban .text dd a:after{width:14px;height:1px;background:rgba(255,255,255,.5);right:10px;top:10px;transform:rotate(-60deg);} .list_ban .text dd a:last-child{color:#DFB85A;padding-right:0;} .list_ban .text dd a:last-child:after{display:none;} .list_ban .text dd span{color:#333;} /*daohang */ .h_nav{display:none;} .g-top02{ left: 0; position:fixed; _position:absolute;_top:expression(eval(document.documentElement.scrollTop));top: 0; width: 100%; z-index: 990;font-family:'Microsoft YaHei';height: 59px;text-align: center;padding: 0 10px ;background:#2b2b2b;} .g-top02 .h_nav02 li{ float: left; height:60px;line-height:60px;font-size: 15px;text-align: center;background: url(../JS/Img/Common/gan_03.jpg) no-repeat right center;} .g-top02 .h_nav02 {background: none;} .g-top02 .h_nav02 li a {/* padding:0 27px;color: #fff;*/font-family:'Microsoft YaHei';font-size: 14px;} .g-top02 .h_nav02 li a:Hover {/*background:#ff6d00;display: inline-block; */text-decoration: none;} .container { padding-right: 15px; padding-left: 15px;margin-right: auto;margin-left: auto} .container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .row {margin-right: -15px;margin-left: -15px} .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {display: table;content: " "} .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {clear: both} /*---------------------------------------------------------------footer----------------------------------------------------------------------------*/ .footer_form { background: url("../images/bottom_form_bg.jpg") no-repeat center; background-size: cover; padding: 3% 0;} .footer_form h4 { text-align: center; color: #2f3245; font-size: 36px; font-weight: 300;margin-bottom: 15px;} .footer_form .footer_form_text { text-align: center; color: #474747; font-size: 20px; font-weight: 300; display: block;margin-top: 15px;} .footer_form form { width: 60%; display: block; line-height: 45px; height: 45px; margin: 2.5% auto;} .footer_form form div { width: 80%; position: relative; background: #fff; float: left;} .footer_form form div input { border: 0; width: 100%; display: block; position: relative; z-index: 2; background: none; text-indent: 40px;height: 47px;} .footer_form form div .input__label { position: absolute; top: 0; font-size: 16px; color: #acafb5; font-weight: 300; left: 10px;} .footer_form form div .input__label i {transform: translateX(-20px); opacity: 0; transition: 300ms ease; -webkit-transition: 300ms ease; display: inline-block;} .footer_form form div .input__label span { transition: 300ms ease; -webkit-transition: 300ms ease; display: inline-block;} .footer_form form div .input__label--kohana i { transform: translateX(0); opacity: 1;} .footer_form form div .input__label--kohana span { transform: translateX(100px); opacity: 0;} .footer_form form button { width: 20%; float: left; background: none; border: 1px solid #fff; color: #fff; text-align: center; font-size: 18px; transition: 300ms ease; -webkit-transition: 300ms ease;} .footer_form form button:hover { color: #ffae00;} footer { overflow: hidden; color: #545660;} footer a { color: #545660;} footer a:hover { color: #fff;} .footer_bottom { background: #212330;} .footer_bottom .foo_bot_ys { border-bottom: 1px solid #2d2f3a;} .footer_bottom .foo_bot_ys ul { display: flex; display: -webkit-flex; justify-content: space-between;} .footer_bottom .foo_bot_ys ul li { display: flex; display: -webkit-flex; align-items: center; padding: 25px 0;} .footer_bottom .foo_bot_ys ul li span { width: 56px; height: 56px; line-height: 56px; color: #fff; border: 1px solid #fff; border-radius: 50%; display: block; text-align: center; font-size: 24px; font-weight: 300;} .footer_bottom .foo_bot_ys ul li small { font-size: 16px; color: #9f9f9f; padding-left: 10px;} .footer_bottom .foo_bot_links { padding-top: 3%;} .footer_bottom .foo_bot_links { overflow: hidden;} .footer_bottom .foo_bot_links_l { width: 55%; display: flex; display: -webkit-flex; justify-content: space-between; float: left;} .footer_bottom .foo_bot_links_l dl dt { font-size: 16px; color: #c4cbe7; margin-bottom: 15px; font-weight: 400;} .footer_bottom .foo_bot_links_l dl dd { font-size: 14px; color: #545660; margin-bottom: 5px;} .footer_bottom .foo_bot_links_l dl dd a { color: #898ea2; transition: 300ms ease; -webkit-transition: 300ms ease;} .footer_bottom .foo_bot_links_l dl dd a:hover { color: #fff;} .footer_bottom .foo_bot_links_ewm { float: right; overflow: hidden;} .footer_bottom .foo_bot_links_ewm ul li { float: left; width: 50%; padding-left: 5px; text-align: center; box-sizing: border-box;} .footer_bottom .foo_bot_links_ewm ul li img { max-width: 100%;} .footer_bottom .foo_bot_links_ewm ul li small { display: block; font-size: 14px; color: #545660;margin-top: 10px;} .footer_bottom .foo_bot_others { padding: 20px 0; border-top: 1px solid #2d2f3a; border-bottom: 1px solid #2d2f3a; margin-top: 3%;} .footer_bottom .foo_bot_admin { text-align: center; padding: 20px 0;} .footer_mob { background: #3171ff; overflow: hidden; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 1000;} .footer_mob li { width: 25%; color: #fff; float: left; padding: 10px 0;border-left: 1px solid rgba(255, 255, 255, 0.4); box-sizing: border-box;} .footer_mob li:nth-of-type(1) { border-left: 0;} .footer_mob li a { color: #fff; text-align: center; display: flex; display: -webkit-flex; align-items: center; width: 100%; justify-content: center;} .footer_mob li a > * {display: block;} .footer_mob li a i {font-size: 18px;padding-right: 10px;} .footer_mob li a span { font-size: 16px;} /*网站建设*/ /*1*/ .wzjs{width:100%;margin:0 auto;} .wzjs .wz{float:left;width:50%; padding: 60px 60px 0;} .wzjs .wz .txt{padding-bottom: 16px;line-height: 1.7em;text-align: left;font-size:30px;color: #263251;} .wzjs .wz .txt span{color:#ff0000;font-weight:bold;} .wzjs .wz .bj{background: url(https://a3.leadongcdn.cn/cloud/knBoqKSRoklmmkinj/line_03.png) no-repeat left bottom;padding-bottom: 22px;} .wzjs .wz .t1{font-size: 18px;color: #5d6172;letter-spacing: 0;line-height: 1.5em;text-align: left;} .wzjs .wz .bt{margin-top: 20px;} .wzjs .wz .bt .t2{font-size: 18px; color: #5d6172;letter-spacing: 0;line-height: 2.5em; text-align: left; text-indent: 2px;} .wzjs .js{float:right;width:50%;background: #f8f8f8;} /*2*/ .yxwz_sec4{ width: 100%; background:url(../img/yxwz_bg1.jpg) no-repeat center fixed; padding: 70px 0; color: #fff; -webkit-background-size: 100% 100%; background-size: 100% 100%;} .yxwz_sec4 ._t{ text-align: center; font-size: 40px; color: #fff; line-height: 1; margin-bottom: 20px;} .yxwz_sec4 ._t b{ color: #f60; } .yxwz_sec4 ._intro{text-align: center; color: #fff; font-size: 16px; margin-bottom: 40px;} .yxwz_sec4 ._list{ overflow: hidden; width: 102%;} .yxwz_sec4 li { float: left; /* cursor: pointer; */ width: 31%; margin-right: 2%;/* background:rgba(0,0,0,.6); */ text-align: center; margin-bottom: 25px;/* padding: 25px 0; */} .yxwz_sec4 .ic{ display: block; width: 40px; height: 40px; background:url(../../images/img/yxwz_icos.png) no-repeat 0 -80px;margin: 0 auto; margin-bottom: 15px;} .yxwz_sec4 .ic2{ background-position: -40px -80px;} .yxwz_sec4 .ic3{ background-position: -80px -80px;} .yxwz_sec4 .ic4{ background-position: -120px -80px;} .yxwz_sec4 .ic5{ background-position: -160px -80px;} .yxwz_sec4 .ic6{ background-position: 0px -120px;} .yxwz_sec4 .ic7{ background-position: -40px -120px;} .yxwz_sec4 .ic8{ background-position: -80px -120px;} .yxwz_sec4 .ic9{ background-position: -120px -120px;} .yxwz_sec4 .ic10{ background-position: -160px -120px;} .yxwz_sec4 .qy_feature ._rect{ background:rgba(0,0,0,.5);} .yxwz_sec4 .qy_feature ._c{ padding: 8% 10%;} .inner_wrap { margin-left:5%; margin-right:5%; /* min-width: 1000px; */} .qy_feature{ /* width: 70%; */ margin: 0 auto;} .qy_feature .row>div,.qy_feature li { position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; margin-bottom: 20px; } .qy_feature ._rect{ color: #fff; font-size: 18px; text-align: center; width: 100%;/*height: 163px; height: 0; padding-bottom: 42.6%; */ background:rgba(117,166,196,.8);} .qy_feature ._rect span,.qy_feature ._c {/* padding-top: 19%; */display: table-cell;vertical-align: middle;} .qy_feature ._rect { cursor: pointer; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform: rotateX(0deg) rotateY(0deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;display: table; } .qy_feature .row>div:hover ._rect,.qy_feature li:hover ._rect{ -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .qy_feature .row>div ._rect2,.qy_feature li ._rect2{ overflow: hidden; position: absolute; left: 0px; top: 0px; background: #ff6600 !important; -webkit-transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; transform: rotateX(-180deg); transform-style: preserve-3d; backface-visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .qy_feature .row>div:hover ._rect2,.qy_feature li:hover ._rect2 { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotate(0deg); z-index: 10; } .qy_feature ._c{ padding:15%;} .qy_feature ._c h3{ font-size: 20px; font-weight: normal; margin-bottom: 5px;} .qy_feature ._c p{ font-size: 15px; height: 40px; overflow: hidden;} /*3*/ .wztit{width: 100%;text-align: center;padding:4% 0;} .wztit span{font-size:50px;color: #202020;display: block;margin-bottom: 5px} .wztit p{font-size:18px;color: #7a7a7a;text-align:center;line-height:46px; word-break:break-all;width:50%;margin:0 auto;} .wztit p img{margin-top:20px;} /*4*/ .wztitb{width: 100%;text-align: center;padding:4% 0;background:#22272d;} .wztitb span{font-size:50px;color: #fff;display: block;margin-bottom: 5px} .wztitb p{font-size:18px;color: #f1f1f1;text-align:center;line-height:46px; word-break:break-all;width:50%;margin:0 auto;} .wztitb p img{margin-top:20px;} /*5*/ .wzjs .nr{float:right;width:50%;padding: 60px 60px 0;} .wzjs .nr .txt{padding-bottom: 16px;line-height: 1.7em;text-align: left;font-size:30px;color: #263251;} .wzjs .nr .txt span{color:#ff0000;font-weight:bold;} .wzjs .nr .bj{background: url(https://a3.leadongcdn.cn/cloud/knBoqKSRoklmmkinj/line_03.png) no-repeat left bottom;padding-bottom: 22px;} .wzjs .nr .t1{font-size: 18px;color: #5d6172;letter-spacing: 0;line-height: 1.5em;text-align: left;} .wzjs .nr .bt{margin-top: 47px;} .wzjs .nr .bt .t2{font-size: 18px; color: #5d6172;letter-spacing: 0;line-height: 2.5em; text-align: left; text-indent: 2px;} .wzjs .sj{float:left;width:50%;background: #f8f8f8;} /*6*/ .db-tit{width: 100%;text-align: center;padding:4% 0;} .db-tit span{font-size: 31px;color: #202020;display: block;margin-bottom: 5px} .db-tit p{font-size: 14px;color: #7a7a7a;} .dbbg{width: 100%;background:#f9f7f7;overflow: hidden;padding-bottom: 4%} .db{width: 50%;text-align: right;} .db b{font-size: 24px;color: #414141;display: block;margin-bottom:15px;padding-right: 12%} .db li{font-size: 16px;color: #535252; width: 100%;background:#fff;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-right: 12%} .dby{width: 50%;text-align: left;} .dby b{font-size: 24px;color: #1166ca;display: block;margin-bottom:15px;padding-left: 12%} .dby li{font-size: 16px;color: #fff; width: 100%;background:#1166ca;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-left: 12%;position: relative;} .dby li>span{background: #02499d; border-radius: 46px;font-size: 20px;color: #fff; font-weight: bold;display: inline-block;width: 92px;height: 55px; text-align: center;position: absolute; left: -45px;} /*网络推广*/ /*1*/ .net4{padding: 30px 0 120px;text-align: center;margin:0 auto;} .net4 .bx{width: 100%;margin: 0 auto;} .net4 .tt{font-size: 36px;} .net4 .abtn{margin: 50px 0 20px;} .net4 .abtn *{transition: all .5s;-webkit-transition: all .5s;} .net4 .abtn span{display: inline-block;position: relative;font-size: 22px;color: #666; margin: 0 30px;cursor: pointer;} .net4 .abtn span s{display: block;position: absolute;left: 0;bottom: 0;width: 0%;height: 2px;background: #000;} .net4 .abtn span:hover,.net4 .abtn span.act{color: #000;} .net4 .abtn span:hover s,.net4 .abtn span.act s{width: 100%;} .net4 .ul1{} .net4 .ul1 li{display: none;} .net4 .ul1 li:nth-child(1){display: block;} .net4 .ul1 li .ltt{font-size: 16px;color: #666;line-height: 40px;} .net4 .ul1 li .ltc{width: 360px;height: 360px;position: relative;box-sizing: border-box;margin: 50px auto 0;border:2px solid #f1f1f1;border-radius: 50%;} .net4 .ul1 li .ltc .tq1{width: 160px;height: 160px;background: #6dc4e3;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda2 2s infinite linear ;-webkit-animation:bianda2 2s infinite linear;} .net4 .ul1 li .ltc .tq2{width: 160px;height: 160px;background: #6dc4e3;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;animation:bianda 2.5s infinite linear;-webkit-animation:bianda 2.5s infinite linear;} .net4 .ul1 li .ltc .tq3{width: 160px;height: 160px;background: #ef0913;position: absolute;top: 50%;left: 50%;margin-top: -80px;margin-left: -80px;border-radius: 50%;} .net4 .ul1 li .ltc .txt1{position: absolute;width: 380px;line-height: 24px;font-size: 20px;top: 0;left: -280px;} .net4 .ul1 li .ltc .txt1 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: right;margin-top: 40px;} .net4 .ul1 li .ltc .txt1 img{float: right;display: block;} .net4 .ul1 li .ltc .txt2{position: absolute;width: 430px;line-height: 24px;font-size: 20px;top: 0;right: -320px;} .net4 .ul1 li .ltc .txt2 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: left;margin-top: 40px;} .net4 .ul1 li .ltc .txt2 img{float: left;display: block;} .net4 .ul1 li .ltc .txt3{position: absolute;width: 380px;line-height: 24px;font-size: 20px;top: 150px;left: -336px;} .net4 .ul1 li .ltc .txt3 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: right;margin-top: 40px;} .net4 .ul1 li .ltc .txt3 img{float: right;display: block;} .net4 .ul1 li .ltc .txt4{position: absolute;width: 430px;line-height: 24px;font-size: 20px;top: 150px;right: -387px;} .net4 .ul1 li .ltc .txt4 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: left;margin-top: 40px;} .net4 .ul1 li .ltc .txt4 img{float: left;display: block;} .net4 .ul1 li .ltc .txt5{position: absolute;width: 380px;line-height: 24px;font-size: 20px;bottom: 0px;left: -279px;} .net4 .ul1 li .ltc .txt5 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: right;margin-top: 40px;} .net4 .ul1 li .ltc .txt5 img{float: right;display: block;} .net4 .ul1 li .ltc .txt6{position: absolute;width: 430px;line-height: 24x;font-size: 20px;bottom: 0;right: -320px;} .net4 .ul1 li .ltc .txt6 s{display: block;width: 140px;height: 1px;background: url(0http://www.68team.com/img/solution/net_15.png) center ;float: left;margin-top: 40px;} .net4 .ul1 li .ltc .txt6 img{float: left;display: block;} .net4 .ul1 li .txtbox{display: none;} /*2*/ .food04 { background: url(../../images/img/2.jpg) no-repeat center / cover; padding: 110px 0 140px;display:flex;} .food04 .bx { width: 90%; max-width: 1600px; margin: auto;} .food04 .bx .tt { font-size: 36px; text-align: center; color: #fff;} .food04 ul { margin-top: 60px;} .food04 ul li { border: 1px solid rgba(255, 255, 255, 0.5); position: relative; padding: 24px 46px; width: calc(50% - 20px); margin-right: 40px; margin-top: 40px;float: left; box-sizing: border-box;} .food04 ul li:nth-child(-n + 2) { margin-top: 0;} .food04 ul li:nth-child(2n) { margin-right: 0;} .food04 ul li span { position: absolute; width: 6px; height: 6px; border: 2px solid #fff;} .food04 ul li span:nth-child(1) { left: -1px; top: -1px; border-right: 0; border-bottom: 0;} .food04 ul li span:nth-child(2) { right: -1px; top: -1px; border-left: 0; border-bottom: 0;} .food04 ul li span:nth-child(3) { left: -1px; bottom: -1px; border-right: 0; border-top: 0;} .food04 ul li span:nth-child(4) {right: -1px;bottom: -1px;border-left: 0;border-top: 0;} .food04 ul li h4 { font-size: 24px; color: #ffffff; position: relative; z-index: 3;} .food04 ul li h6 { font-size: 16px; line-height: 28px; margin-top: 12px; color: #ffffff; position: relative; z-index: 3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 56px;} .food04 ul li::after { content: ''; background: rgba(50, 139, 239, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .food04 ul li:hover::after { opacity: 1;} /*公司简介*/ .market_top {margin: 0px auto; width: 87%;/*padding-top: 100px;*/font-size: 15px;line-height: 30px;} .content { width: 60%; float: left;font-family: "微软雅黑"; padding-top: 10px;} .contentr { width: 35%; float: right;} .contentr img { height: 369px; width: 420px;} .tit1 { margin-bottom: 30px; height: 80px; padding-top: 20px; padding-bottom: 15px;} .tit1 i { display: inline-block; width: 47px; height: 38px; position: relative;} .tit1 i.ic-l { background: url(../images/ic1.png) no-repeat left top; float: left; top: -20px;} .tit1 i.ic-r { background: url(../images/ic2.png) no-repeat left top; float: left; top: 55px;} .tit1 span { display: inline-block; float: left; font-family: "Arial"; color: #ccc; font-size: 36px; font-weight: normal; line-height: 1.1em; margin: 0 15px;} .tit1 span b { font-size: 40px;color: #333; font-family: "微软雅黑", "Microsoft Yahei";} /*银行账号*/ .yhzh{width:100%;margin:0 auto;} .yhzh .t{font-size:24px;line-height:60px;padding-left: 60px;} .yhzh .d{border-bottom: 1px solid #d6d6d6;height: 156px;margin: 19px 0;} .yhzh .d .lb{float:left;width:30%; text-align:center;margin-top:30px;} .yhzh .d .rb{float:right;width:70%;line-height: 36px;font-size: 20px;} .yhzh .d .b4{float:left;width:40%; text-align:left;font-size: 20px;line-height:38px;} .si00{width:100%;margin:0 auto;} .si00 .t{font-size:24px;line-height:60px;color: #c90000;padding-left: 56px} .si00 .b4{float:left;width:48%; text-align:left;font-size: 20px;line-height:38px;border-right:1px dashed #cdcdcd;padding: 0 2%;} /*联系我们*/ .cont_1{text-align: center;padding: 2% 0;} .cont_2{background: #f5f5f5;} .container-fluid { padding-right: 0!important;padding-left: 0!important;margin-right: auto; margin-left: auto;} .mp_2{display: none;} .mp{float:left;width:50%} .ct_p1{padding:0 4% 0 4%;} .ct_p1_1 h3{color: #333333;font-size: 18px;border-left: 5px solid #897248;padding-left: 10px;font-weight: bold;margin-bottom: 1%;} .ct_p1_1 p{color: #666666;font-size: 15px;line-height: 36px;background:url(../../images/tacn/dian.png) no-repeat center left;padding-left: 20px;} .ct_p1_2 h3{color: #333333;font-size: 18px;border-left: 5px solid #897248;padding-left: 10px;font-weight: bold;margin-bottom: 1%;} .ct_p1_3 h3{color: #333333;font-size: 18px;border-left: 5px solid #897248;padding-left: 10px;font-weight: bold;margin-bottom: 1%;} .ct_p1_2{padding: 4% 0;} .ct_p1_2 p{color: #666666;font-size: 15px;line-height: 33px;padding-left: 35px;} .kp1{background:url(../../images/tacn/tb_03.png) no-repeat center left;} .kp2{background:url(../../images/tacn/tb_05.png) no-repeat center left;} .kp3{background:url(../../images/tacn/tb_07.png) no-repeat center left;} .ct_p1_3 p{color: #666666;font-size: 15px;line-height: 33px;padding-left: 35px;} /*产品展示*/ .cw {width:90%;/*max-width:1280px;display:table;position:relative;*/margin:0 auto;} .cp {width:100%;float:left;padding:50px 0;} .let{width:21.7%;float:left;} .rit{width:75%;float:right;} /*.row {margin-right: -15px;margin-left: -15px; clear: both;}*/ .col-lg-4{float:left;width:33%;} .fenlei{display:none;} .fj{line-height: 38px;} .fj .zb{background: #ca000e;color:#fff;float:left;} /*人才招聘*/ .job_con{ padding-bottom:20px; padding-top:80px; width:100%; position:relative;} .job_con::after{ content:""; height:133px; background:#ededed/*#edffee*/; width:100%; display:block; position:absolute; bottom:0px; left:0;} .job_cons{ width:93.75%; margin:0 auto; overflow:hidden; position:relative; z-index:2} .jobs_l{ float:left; width:55%;} .jobs_ltit{ font-size:23px; line-height:23px; color:#c81105; font-weight:bold; text-transform:uppercase; margin-bottom:40px;} .jobs_lzy{ font-size:16px; color:#666666; line-height:50px;} .job_lx{ position:absolute; bottom:20px; width:55%; left:0px; text-align:center} .job_lx .job_lxli{ display:inline-block; padding:0px 20px; line-height:34px;} .job_lx .job_lxli img{ position:relative; top:7px; margin-right:10px;} .job_lx .job_lxli span{ font-size:18px; color:#333333; position:relative; top:-5px;} .job_lx .job_lxli.job_mail{ border-right:1px solid #a6a6a6;} .jobs_r{ float:right; width:43%;} .jobs_rwz{ background:#edbf0e/*url(https://www.hrxchina.com/cn/templates/default/images/job1.jpg)*/ no-repeat center; background-size:100%; box-sizing:border-box; padding:45px 40px 50px 30px;} .jobs_rtit{ font-size:34px; line-height:34px; color:#fff; text-transform:uppercase;} .jobs_rzy{ font-size:16px; color:#fff; line-height:27px; margin-top:25px;} .jobs_img{ text-align:center;} .jobs_img img{ width:100%;} /*公司简介*/ /*关于我们*/ .aboutimg{ padding: 0 !important;} .aboutbox {margin-top: 0px;} .aboutbox .col-sm-6 {padding: 0;} .aboutimg p {overflow: hidden;margin: 0;} .aboutimg img { max-width: 100%; height: auto; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} .aboutimg p {padding: 0;} .aboutimg .hides {position: absolute; left: 0; top: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, .5); display: none;} .aboutimg .hides a { display: block; display: table; height: 100%; width: 100%; text-align: center;} .aboutimg .hides p { display: table-cell; vertical-align: middle;} .aboutbox .about { padding: 4% 4% 0; margin: 0px;} .about .tit { color: #333; font: 600 30px/52px "Microsoft Yahei";} .about .tit span { display: block; font: 400 14px/28px "Microsoft Yahei";} .about .con { color: #333;font: 400 14px/28px "Microsoft Yahei";padding-top: 20px;} .about a.mor {text-transform: uppercase; background-color: #333333; color: #fff; font: 400 14px/30px "Microsoft Yahei";margin-top: 30px; padding: 10px; display: inline-block;} .aboutimg:hover .hides {display: block;} .aboutimg:hover img {-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;} .col-lg-6 {width: 50%;float:left;} .zgcymore{width: 179px;height: 41px;position: relative;line-height: 44px;text-align: center} .more{display: block;width:100%; height:100%; overflow: hidden; text-align: center; color:#fff; font-size: 15px;} .more span{ display: inline-block; position: relative; z-index:10;} .more::before, .more::after {content: ''; position: absolute; top: 0; left: 0; z-index:0; width:100%;height: 100%; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); } .more::before{border:none; -webkit-transform: scale3d(0.7, 0.7, 1); transform: scale3d(0.7, 0.7, 1);} .more::after {border: 1px solid #ca000e; background: none; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)} .more:hover{color: #fff} .more:hover::before {background-color: #ca000e;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1) } .more:hover::after { border-color: #ca000e;-webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);} .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;} /*7新闻中心*/ .xwzxbot{margin-top: 100px;} .xwzxbotleft{width: 50%;float: left;position: relative;} .xwzxbotleft img{width:100%;display: block} .xwzxbotleft h2{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px 3%;background: rgba(0,0,0,.8);font-size: 14px;color: #fff;font-weight: normal} .xwzxbotleft:hover h2{background: #ca000e} .xwzxbotright{width: 47%;float: left;padding-left: 3%} .xwzxbotright li{padding-bottom: 4px;border-bottom: 1px dotted #ccc;margin-bottom:22px} .xwzxbotright li .xwzxtime{width: 86px;} .xwzxbotright li .xwzxtime h2{font-style: italic;font-size: 34px;color: #ffffff;background:#ca000e;line-height: 45px;text-align: center;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;} .xwzxbotright li .xwzxtime h3{font-weight: normal;font-size: 16px;color: #666666;background: #e4e4e4;line-height: 45px;text-align: center;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;} .xwzxbotright li .xwzxtxt{margin-left: 111px;} .xwzxbotright li .xwzxtxt h2{font-size: 18px;color: #333333;font-weight: normal;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .xwzxbotright li .xwzxtxt h3{font-size: 13px;color: #666666;font-weight: normal;line-height: 24px;height: 48px;overflow: hidden;margin-top: 20px} .xwzxbotright li:hover{background: #ca000e;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-moz-transition:all 0.4s ease;} .xwzxbotright li:hover .xwzxtxt h2,.xwzxbotright li:hover .xwzxtxt h3{color: #fff} .zgcymore{margin: 40px auto 0;background: #ca000e;} /*联系我们*/ .list_box {width:100%;float:left;padding:30px 0;} .list_contact dt h1{font-size: 32px;line-height: 38px; margin: 30px 0;position: relative;overflow: visible;font-weight: normal;font-style:normal;color: #000;} .list_contact{width:100%;float:left;margin-top:50px;} .list_contact dt em{font-size: 64px;color: #E6E6E6; position: absolute;top: 33px;font-style:normal;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";} .list_contact dl{width:100%;float:left; } .list_contact dt{float:left;} .list_contact dt p{line-height:40px;font-size:16px;color:#222; padding-left: 24px;} .list_contact dt h2:before{content:"";width:58px;height:2px;background:#0E7CBA;position:absolute;left:0px;bottom:10px;z-index:1;} .list_contact dt span{color:#666;background:url(../lxi.png) no-repeat;background-size:18px;} .list_contact .i1{background-position:0 -63px;} .list_contact .i2{background-position:0 3px;} .list_contact .i3{background-position:0 -19px;} .list_contact .i4{background-position:0 -40px;} .list_contact dd{width: 400px; float: right;position: relative;} .list_contact dd img{ width: 100%;float: left;} /*横幅*/ .mid_hf {margin-top: 60px;background:url(../images/tacn/index_a1.jpg) no-repeat center fixed;position: relative;height: 356px;background-size: cover;} .hf_text {max-width: 1600px;margin: 0 5%;} .mid_hf h2 { font-size: 40px; color: #fff; font-weight: normal; text-align: left; padding-top: 100px; margin-left: 0px;} .mid_hf h2 p { font: 200 23px/40px "Microsoft yahei"; padding-top: 20px;} .mid_hf .mor { padding: 5px; text-transform: uppercase; /* display: inline-block; */ width: 160px; background: #a50505; font: 400 16px/30px "Microsoft Yahei"; color: #fff;margin-top: 40px;} /*合作客户*/ .home5{background-color: #fafafa;padding-top: 58px;box-sizing: border-box;} .home5 .home6-list{width: 100%;margin: 0 auto;overflow: hidden;} &>a:nth-child(5n){margin-right: 0;} .home6-list a{width: 17.4%;margin:0 1%;float: left;margin-bottom: 3%;} .home5 .a-padd { padding-top: 42.7%; position: relative;} .home5 .a-posi {position: absolute;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid #dbdbdb;border-radius: 10px;overflow: hidden;background-color: #f8f8f8;-moz-box-sizing: border-box; box-sizing: border-box;} .home5 .a-posi span {display: inline-block;width: 100%;height: 100%;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;background-repeat: no-repeat;background-position: center;background-size: cover;} .home-title-all{ position: relative;width: 1200px; margin: 0 auto 44px;} /*.title{font-size: 34px; color: #000000;font-weight: bold; text-align: center;}*/ .title-en{font-size: 15px;color: #454545;text-align: center;font-family: Arial; margin-bottom: 8px;line-height: 31px;} .h-line{width: 40px;height: 2px;margin: 0 auto;background-color: #ca000e;} .h-read-more{position: absolute;right: 0;top: 50%; margin-top: -22px;display: inline-block;width: 150px;height: 44px;border-radius: 44px;border: 1px solid #cccccc;font-size: 13px;color: #62676f;font-weight: bold;font-family: VonnesTTBoldCond;text-align: center;line-height: 44px;transition: all .4s;} &:hover{background-color: $mainColor;border: 1px solid $mainColor;color: #FFFFFF;} .more-mob {display: none;} /*gongneiye*/ .main-home{margin-top:-67px;height:67px;line-height:67px;color:#fff;background:rgba(0,0,0,0.55);overflow:hidden} .main-home h2 em{font-size:25px;font-weight:bold} .main-home h2 span{vertical-align:-2px;font-size:18px;margin-left:5px} .main-home .fr{font-size:16px;padding-left:32px;background:url(../images/main_home.png) no-repeat left center} .main-home .fr i{margin:0 22px} .main-home a:hover{color:#0086d1} .main-nav-p .mauto{padding:3rem 0 1.2rem 0;border-bottom:1px dashed #d5d5d5} .main-nav-p ul{position:relative;font-size:0} .main-nav-p li{display:inline-block} .main-nav-p li.cur>a,.main-nav-p li:hover>a{color:#fff;background:#ca000e;} .main-nav-p li.cur>a::after,.main-nav-p li:hover>a::after{transform:translateX(-50%) scale(1);-webkit-transform:translateX(-50%) scale(1)} .main-nav-p li>a{position:relative;display:block;height:30px;line-height:30px;padding:0 27px;margin:0 3px;font-size:14px;transition:all .3s;-webkit-transition:all .3s} /*.main-nav-p li>a::after{z-index:1;position:absolute;content:'';left:50%;bottom:-28px;width:14px;height:14px;border:3px solid #00c9d1;border-radius:50%;background:#fff;transform:translateX(-50%) scale(0, 1);-webkit-transform:translateX(-50%) scale(0, 1);transition:all .3s;-webkit-transition:all .3s} */.main-nav-p2{display:block;margin-bottom:35px} .main-sub{position:absolute;left:0;bottom:-79px;width:100%;padding:14px 0;display:block;background:#f8f9fa} .main-sub a{font-size:14px;color:#535353;margin:0 14px;height:30px;line-height:30px} .main-sub a.cur,.main-sub a:hover{color:#00c9d1} .main-nav-m-sub{display:none} /*栏目页*/ .pro-list3 .tt1{padding:0 .3rem;height:58px;line-height:58px;font-size:24px;color:#0086d1;background:#f8f9fa} .pro-list3 .tab-body .row{margin-left:-0.2rem} .pro-list3 .tab-body .item{padding-left:1.2rem;margin-top:1.3rem} .pro-list3 .tab-body .item a{border-bottom:1px solid #e9e9e9} .pro-list3 .tab-body .item a:hover h3{color:#0086d1;text-decoration:underline} .pro-list3 .tab-body .imgs{padding-bottom:70.2%} .pro-list3 .tab-body h3{padding:1.16rem .1rem;color:#5a5a5a} .tab-body li{visibility:hidden;opacity:0;height:0;overflow:hidden;transition:all .3s;-webkit-transition:all .3s} .tab-body li.cur{visibility:visible;opacity:1;height:inherit} .lg-12,.lg-3,.lg-4,.lg-6{float:left} .lg-3{width:25%} .ov{overflow:hidden} .fb{font-weight:bold} .img-md img{transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s} .img-md:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)} /*图片内容页导航*/ .show_title {width:100%;float:left;position:relative;} .show_title h1{width:100%;float:left;font-size:26px;line-height:26px;font-weight: normal;color: #333;text-align:center;border-bottom:solid 1px #E3E3E3;padding: 15px 0;margin-bottom:15px;} .show_title p{float:left;line-height:20px;} .show_title b{width:30px;height:20px;line-height:20px;padding-left:20px;display:inline-block;background:url(../ico/icon.png) no-repeat;background-size:14px;position:relative;font-size:12px;color:#9B9B9B;} .show_title .i1{background-position:0 -35px;} .show_title .i2{background-position:0 -64px;background-size:16px;margin-left:320px;} .show_title time{position:absolute;right:0;bottom:6px;font-size:16px;z-index:3;font-size:12px;color:#9B9B9B;padding-left:20px; background:url(../ico/icon.png) no-repeat 0 -74px;background-size:14px;} .show_body{width:100%;float:left;margin:20px 0; text-indent: 37px;} .show_body h2,.show_body h3{font-size:16px;font-weight:bold;line-height:16px;margin:10px 0;text-indent:20px;position:relative;} .show_body h2:before,.show_body h3:before{width: 10px;height: 10px;border:solid 2px #ca000e;position:absolute;left:0;top:4px;border-radius: 50%;} .show_body h3{color:#00824A;} .show_body p{line-height:24px;font-size:14px;margin-top:10px;} .show_body img { float: none; margin: 10px auto; display: table;max-width: 100%;width: auto;} .show_body strong,.show_body a{color:#000;font-weight:bold;} .show_body a:hover{color:#00824A;} .fyjingying{margin-top: 40px;} .fyjyleft{float:left;width:21.7%;} .fyjyright{float:right;width:75%;} .fyjyms{margin-bottom:20px;width:100%;} .fyjymstop{background: #f1f1f1;line-height: 45px;height: 45px;margin: 0 5% 20px} .fyjymstop span{background: #007cbe url(shuxian.jpg) no-repeat center right;padding: 0 30px 0 15px;display:inline-block;color: #fff;font-size: 20px;} .fyjyms .fyxwxqcont{padding: 0 25% 20px} .imglist{text-align:center;} /*合作客户内*/ .case_list{} .case_list ul{ margin-right:-10px;} .case_list li{ width:23%;margin: 0 1%; float:left; margin-bottom:15px;box-shadow: #ccc 2px 1px 4px;} .case_list .pd{ margin-right:10px; display:block; position:relative; overflow:hidden;} .case_list .img{ position:relative; overflow:hidden;} .case_list .img img{ width:100%;display:block; } .case_list .img .i{ position:absolute; left:0px; bottom:0px; right:0px; font-size:18px; height:70px; line-height:70px; overflow:hidden; color:#000; text-align:center; z-index:2; background:rgba(255,255,255,0.9); transform: translateY(100%); transition:all ease 0.3s; font-weight:bold;} .case_list .text{ text-align:center; position:relative; height:90px; overflow:hidden;} .case_list .h3{ font-size:18px; overflow:hidden; color:#000; position:relative; z-index:2; transition:all ease 0.3s; padding-top:20px;} .case_list .p{ font-size:14px; color:#999; position:relative; z-index:3; transition:all ease 0.3s;} .case_list .p span{ margin-right:5px;} .case_list .b{ position:absolute; left:0px; top:0px; right:0px; height:0%; background:#323235; opacity:0; z-index:1;} .case_list .pd:hover .img .i{ transform: translateY(0%);} .case_list .pd:hover .text{} .case_list .pd:hover .h3{ transform: translateY(-100%); height:22px; opacity:0; padding-top:0px;} .case_list .pd:hover .p{ color:#fff;} .case_list .pd:hover .b{ height:70px; opacity:1;} .rit h1{font-size: 22px;line-height: 26px;overflow: hidden;font-weight:normal;color: #201f1f;} .rit em {color: #999;font-size: 14px;} .list_news{width:100%;float:left;} .list_news ul{width:100%;float:left;position:relative;} .list_news li{width:100%;float:left;position:relative;background:#fff;margin-bottom:20px;} .list_news li i{width:360px;float:left;margin-right:40px;overflow:hidden;} .list_news li h2{font-size:18px;line-height:20px;margin-top:30px;color: #4d3c36;} .list_news li p{font-size:14px;margin:20px 0;line-height:26px;} .list_news li time{display:inline-block;background:rgba(148,13,19,.8);font-size:12px;color:rgba(255,255,255,.9);position:absolute;padding:10px;left:-67px;top:0;z-index:5;} .list_news li b{font-size:26px;line-height:22px;color:#fff;display:block;border-bottom:solid 1px rgba(255,255,255,.5);margin-bottom:3px;padding-bottom:3px;} .list_news li j{font-size:12px;margin-left:5px;color:rgba(255,255,255,.9);} .list_news li span{display:inline-block;padding:6px 20px 6px 10px;position:relative;border-bottom:solid 1px #b4b2b2;color: #c20911;border-top:solid 1px #b4b2b2;background:url(../jia.png) no-repeat right center;} .list_news li span:before,.list_news li span:after{width:0%;height:1px;background:#940D13;left:0px;top:-1px;z-index:1;transition:360ms;} .list_news li span:after{top:auto;bottom:-1px;} .list_news li:hover span:before,.list_news li:hover span:after{width:100%;} .list_news li:nth-child(1){padding-top:0;} /*.list_news li:nth-child(2n+0) { background: #F5F5F5;}*/ /*文章栏目页.list_news{width:100%;float:left;margin:20px 0;} .list_news li {width:100%;float:left;position:relative;line-height:52px;padding: 0 1%;} .list_news li time{float:right;color:#999;font-size:12px;padding-right:10px;} .list_news li h2{font-size:16px;float:left;text-indent:38px;background:url(tacn/new_tit.png) no-repeat 10px 14px;font-weight: normal;} .list_news li:nth-child(2n+0){background:#F5F5F5;} */ .news-list li{margin-bottom:.4rem} .news-list li a:hover{/*color:#fff;*/background:#f4f4f4;border-color:#00c9d1} .news-list li a:hover .info-w{border-color:transparent} .news-list li a:hover .info .els,.news-list li a:hover .info .els2{/*color:#fff*/} .news-list li a:hover .icon{transform:translateX(.2rem);-webkit-transform:translateX(.2rem);background:url(../images/news_list_icons.png) no-repeat center} .news-list .imgs{width:263px;height:157px} .news-list .info-w{width:calc(100%);height:157px;border-bottom:1px solid #e8e8e8} .news-list .date{width:135px} .news-list .date em{font-size:28px} .news-list .info{width:calc(100% - 260px);padding:0 3.5%;border-left:1px solid #e8e8e8} .news-list .info h3{color:#575757;font-size:16px;font-weight:bold;padding-bottom:.1rem} .news-list .info .els2{height:48px;line-height:24px;font-size:13px;color:#5b5c5d} .news-list .icon{width:65px;height:100%;background:url(../../images/tacn/news_list_icon.png) no-repeat center} .news-info .rel{background:#f9f9f9} .news-info .return{position:absolute;right:.2rem;top:50%;color:#0086d1;background:url(../images/return.png) no-repeat left center;padding-left:30px} .news-info .return:hover{text-decoration:underline} .news-info .tt1 h3{width:calc(100% - 440px);font-size:24px;font-weight:bold;color:#444;margin:0 auto} .news-info .tt1 span{display:block;color:#b1b1b1} /*新闻中心-详情页*/ .fyxwxqtitle{text-align: center;padding: 50px 0 30px;} .fyxwxqtitle h2{font-weight: normal;font-size: 36px;color: #333333;} .fyxwxqtitle h3{width: 108px;height: 1px;background: #999999;margin: 15px auto} .fyxwxqtitle h4{font-weight: normal;font-size: 13px;color: #666666;} .fyxwxq{background: #fff;margin: 0 auto 70px;} .fyxwxqcont{font-size: 16px;color: #333333;line-height: 36px;padding: 0px 1%} .fyxwxqcont img{max-width: 100%} /*返回按钮*/ .xqytext{margin:0 5%;position: relative;border-top: 1px dashed #dedede;padding: 20px 0 60px; clear: both;} .xqytext span{font-size:15px;color:#666666;display: block;line-height: 34px;} .xqytext span a{font-size:15px;color:#666666} .xqytext span a:hover{color:#007cbe;text-decoration:underline} .xqytext a.xqback{width: 85px;line-height: 37px;text-align: center;height: 37px;background:#ca000e;display: block;color: #fff;font-size: 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;position: absolute;top:35px;right: 0} .xqytext a.xqback:hover{background: no-repeat;color:#ca000e;border: 1px solid #ca000e} /**面包屑*/ .zgcytop{text-align:center;padding: 3% 0;} .zgcytop h3{vertical-align:middle;font-size: 32px;color: #333333;font-weight: normal;margin-bottom:15px;} .zgcytop h3 span{vertical-align:middle;width: 40px;height: 1px;background: #ccc;display:inline-block;margin: 0 5px;} .zgcytop h2{font-weight:normal;color:#999999;font-size:13px;text-transform: uppercase} /*文章分页样式*/ #fenye{clear:both; margin:10px 24px 20px 0;} #fenye a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px; display:inline-block;} #fenye .prev,#fenye .next{width:60px;} #fenye a.curr{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;} #fenye a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none} #pageNext{ margin:10px;} #pageNext .prev,#pageNext .next{text-align:center;width: 60px;} #pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;} #pageNext a.curr span{ color:#fff !important;} #pageNext a{width: 28px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 28px;font-size: 12px;color: #666;line-height: 28px;margin-left: 5px;border-radius: 3px;} #realname{height: 30px;border: 1px solid #ddd;} #b1{padding: 5px 10px;background: #ff7d02;color: #fff;border: 1px solid #ff7d02;border-radius: 3px;} .fenyetips{ display:none} #pagelist{ line-height:22px;color:#666; padding:2px 0;} #pagelist a{ width:28px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:28px; font-size:12px;color:#666; line-height:28px; margin-left:5px;border-radius:3px;} #pagelist a.next,#pagelist a.prev{width:60px;} #pagelist a.curr{ background:#bfbfc7;border:1px solid #bfbfc7;color:#fff;} #pagelist a:hover{background:#bfbfc7;border:1px solid #bfbfc7;color:#fff; text-decoration:none} #pagelist a img{ display:block;margin:0 auto;margin-top:12px;} #pagelist span{line-height:28px; font-size:13px; height:28px; margin-left:10px;} #pagelist span#totalpage{ margin:0;} .fenye a img{ display:block;margin:0 auto;margin-top:12px;} /****************有用***************************/ /* * MobileMode*/ @media only screen and (max-width: 760px) { /*移动端防恶意复制信息*/ * {-webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } } /*工具*/ .fix { *zoom: 1; *clear: both;} .fix:before, .fix:after { display: table; clear: both; content: '';} .oh { overflow: hidden; *zoom: 1;} .l { float: left;}.r { float: right;} .dib { display: inline-block; *display: inline; *zoom: 1;} .pr { position: relative;}.pa { position: absolute;} .tc { text-align: center;}.tr { text-align: right;} .el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .hide { display: none;} .hidetext { font: 0/0 a; letter-spacing: -9px;} .arr { display: inline-block; overflow: hidden; width: 0; height: 0;} .opc0 { opacity: 0 ; filter: alpha(opacity=0);} /*动效*/ .rotation { -webkit-animation: rotation 0.8s infinite linear; animation: rotation 0.8s infinite linear;} @-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);} 100% { -webkit-transform: rotateZ(360deg);}} @keyframes rotation { 0% { transform: rotateZ(0deg);} 100% { transform: rotateZ(360deg);}} .heartbeat { -webkit-animation: heartbeat 1.2s infinite ease-in; animation: heartbeat 1.2s infinite ease-in;} @-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;} 15% { -webkit-transform: scale(1.3); opacity: 0.5;} 30% { -webkit-transform: scale(1); opacity: 1;}} @keyframes heartbeat { 0% { transform: scale(1); opacity: 1;} 15% { transform: scale(1.3); opacity: 0.5;} 30% { transform: scale(1); opacity: 1;}} .trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;} @-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);} 100% { -webkit-transform: rotateZ(180deg);}} @keyframes trigger { 0% { transform: rotateZ(0deg);} 100% { transform: rotateZ(180deg);}} /*面包屑*/ .fymbx{padding: 4px 0 15px 20px;font-size: 30px;color: #333333;border-bottom: 1px solid #e6e6e6;position: relative} .fymbx:before{position: absolute;content: "";width: 3px;height: 28px;top:12px;left: 0;background: #1eb7c0} .fymbxbt{color: #999999;font-size: 14px;margin-top: 12px;} .fymbxbt span{color: #1eb7c0;} .fymbxbt a{color: #999999;font-size: 14px;} .fymbxbt a:hover{color: #1eb7c0;} .fymbxbt img{vertical-align: middle} ._act{background: #FF0 !important;color: #000 !important} ._act1{color: #ffffff !important;background:#ca000e;} /*._act1::after{z-index: 1;position: absolute;content: ''; left: 50%; bottom: -28px;width: 14px;height: 14px;border: 3px solid #00c9d1;border-radius: 50%;background: #fff; transform: translateX(-50%) scale(0, 1); -webkit-transform: translateX(-50%) scale(0, 1);transition: all .3s;-webkit-transition: all .3s;} */._act2{color: #a20012 !important; } /*sp*/ #video_box { width: 100%; margin: 0 auto; margin-top: 0px; } #video_box video { width: 100%; margin: 0 auto; display: block; } /***********************分页**************************/ .fybanner{height:560px;background-repeat: no-repeat;background-position: center center;} .fyimgtxt{text-align: center;padding-top: 174px;} .fyimgtxt h3{font-size: 16px;color: #fff;font-weight: normal;} .fyimgtxt h4{font-size: 42px;color: #fff;font-weight: normal;margin-top:8px;} /*****/ /*内容页*/ .fytdlb{width: 75%;float: right;} .fytdlb .anul{} .fytdlb .anul>li{width: 24%; height: auto;margin-right: 0.4%;float: left;position: relative;overflow: hidden;margin-bottom: 2.4%;} .fytdlb .anul>li>a>img {display: block;width: 100%;/*height:195px;*/} .fytdlb .anul>li>a>h2 {width: 100%;height: 40px;background: rgba(0,0,0,0.4);text-align: center;line-height: 40px;color: white;font-size: 16px;position: absolute; bottom: 0px;left: 0px;} .fytdlb .anul>li>a>div {background: rgba(0,0,0,0.4);position: absolute;top: 0px;left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0;width: 100%;padding: 15% 0px;} .fytdlb .anul>li>a>div>h2 { font-size: 18px;color: white;margin: auto; text-align: center;margin-top: 50%;} .fytdlb .anul>li:hover div{height: 100%; padding: 15%; opacity: 1;} .fytdlb li:hover img{border-color: #007cbe} .fytdlb li:hover .fytdtxt{background: #007cbe} .fytdlb li:hover h2,.fytdlb li:hover h4{color: #fff} .fytdlb li:hover h3 span{width: 100%} @keyframes ripple { 0% {opacity:0;transform:scale(0)}50% {opacity:1;transform:scale(.5)}100% {opacity:0;transform:scale(1)}} @-webkit-keyframes ripple { 0% {opacity:0;transform:scale(0)} 50% {opacity:1;transform:scale(.5)}100% {opacity:0;transform:scale(1)}} @-moz-keyframes ripple {0% {opacity:0;transform:scale(0)}50% {opacity:1;transform:scale(.5)}100% {opacity:0;transform:scale(1) }} @-o-keyframes ripple {0% {opacity:0; transform:scale(0)}50% { opacity:1;transform:scale(.5)}100% {opacity:0;transform:scale(1)}} .fygddiv .city0{right:-6px;bottom:-6px;} .fygddiv .city1{right:-10px;bottom:-3px;} @keyframes dsjbg{ 0%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}100% {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}} @-webkit-keyframes dsjbg{ 0% { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 100% { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } } @-o-keyframes dsjbg{ 0% { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 100% { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } } @-ms-keyframes dsjbg{ 0% { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 100% { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } } @-moz-keyframes dsjbg{ 0% { transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); } 100% { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } } /**********************************************适配*******************************************************/ @media only screen and (min-width:1450px){ .nav .title a{font-size: 20px;padding: 0 12px 22px;} .m-ico-links span {font-size: 21px;} .full-dropdown .column .cn{font-size: 22px;} .full-dropdown .column .en{font-size: 35px;} .wechat-nav-wrapper h3 {font-size: 20px; } .about-nav-wrapper dl a {display: block;font-size: 21px;} .about-nav-wrapper dl dt {font-size: 23px;line-height: 40px;} .contact-nav-wrapper dl {height: 215px;} .contact-nav-wrapper dl dt {font-size: 23px;} .contact-nav-wrapper dl dd {font-size: 19px;line-height: 22px;} #banner .banner-title {font-size: 24px;} #banner .banner-detail {font-size: 19px;} } @media only screen and (max-width:1680px){ } @media only screen and (max-width:1600px){ /*新闻中心*/ .zgcymore{margin-top: 15px;margin-bottom: 10px;} .xwzxbot {margin-top: 50px;} } @media only screen and (max-width:1440px){ /*头部*/ .zywqh{width: 70px;} } @media only screen and (max-width:1366px){ /*新闻中心*/ .xwzxbotright li .xwzxtxt h2{font-size: 16px;} .xwzxbotright li .xwzxtxt h3{margin-top: 16px;} /******************分页*****************/ .fybanner{height: 264px;} .fyimgtxt{padding-top: 123px;} .fyimgtxt h3{font-size: 14px;} .fyimgtxt h4{font-size: 30px;} .fyjyms .fyxwxqcont{font-size: 16px;line-height: 34px;padding: 30px 3%} /*返回按钮*/ .xqytext{margin:0 3%;padding: 20px 0 30px;} .xqytext span{font-size:14px;line-height: 28px;} .xqytext span a{font-size:14px;} .xqytext a.xqback{width: 85px;line-height: 37px;text-align: center;height: 37px;font-size: 14px;} /*按钮*/ .zgcymore{width: 180px;height: 50px;line-height: 50px;} .fyjingying{margin-top: 35px;padding-top: 40px} .fyjymstop span{font-size: 16px;} .fyjyms .fyxwxqcont{padding: 0 25% 20px} } @media (max-width:1250px){ .nav li {padding: 0 6px 0;} } @media only screen and (max-width:1200px){ .dn{display:none} .zywqh{width: 65px;} /*top*/ .mauto{max-width:92%} /*banneryuandian*/ .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px;} .carousel-caption { right: 20%;left: 20%;padding-bottom: 30px;} .carousel-indicators {bottom: 20px;} /*联系我们*/ .ri{width:59%; padding-left: 48px;} /*公司简介*/ .aboutUs .bgs{display:none} .aboutUsText{width:100%;padding:0} .aboutUs{padding:5vw;} } @media (max-width:1150px){ .nav li {padding: 0 11px 0;}} @media (max-width: 1400px) and (min-width: 1024px) { .aboutbox .about { padding: 2% 4% 0 4%;} .about .tit {font: 600 30px/40px "Microsoft Yahei"} .about .con {padding-top: 10px;} .about a.mor {display: none;} } /*---------------------------------平板----------------------------------------------*/ @media only screen and (max-width:1024px){ .main1500{width:90%} .pc_hide{display:none;} /*导航*/ .h_nav {display:block;overflow:visible; clear:both; width:100%;height: 60px; background:#2b2b2b;margin:0 auto;position:relative;} .h_nav li {width: 10%;text-align: center;float:left; font-size:12px; position:relative; overflow:visible; } .h_nav li a { text-align:center; display:block; color:#fff; height:60px; line-height:60px; font-size:15px; font-family:"Microsoft YaHei"; background:url(../JS/tacn/bg_li.png) right 16px no-repeat; } .h_nav li a span { display:inline-block; text-transform:uppercase; cursor:pointer; line-height:18px; height:18px; font-family:Arial; font-size:12px; color:#f1f1f1; } .h_nav .lst a { background:none; } .h_nav li a:hover{ text-decoration:none; color:#424242;background:#fff100; } .h_nav li a:hover span { text-decoration:none; color:#9d9d9d; } .h_nav li .slider {position: absolute;width: 109%;display: none;background:#000; } .h_nav li .slider a{display:block;font-size:14px;line-height: 41px;height: 41px;color:#f1f1f1;transition:all 0.3s;text-align: center;padding:0 5px;background: none;} .h_nav li .slider a:hover { background:#eff000;color: #444; } /*top*/ body{padding-top:60px} body{margin:0 auto;min-width:320px;/*padding:60px 0 55px;max-width:540px;*/overflow-y:auto} .weblg{width:100%;padding:0 15px} .header{position:fixed!important;background-color:#fff;top:0!important;height:60px!important;padding-top:8px;background:#333!important;min-width:0} .header .logo{height:40px} .header .logo img{height:40px} #LXB_CONTAINER{top:auto!important;bottom:170px!important;margin-bottom:60px!important} #LXB_CLOSE_BTN{top:auto!important;bottom:170px!important;margin-bottom:60px!important} .menu-handle{float:right;display:block;width:40px;height:40px;padding:8px 5px;margin:2px 0 0 20px} .menu-handle span{display:block;width:100%;height:2px;background-color:#fff;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s} .menu-handle span:nth-child(2){margin:9px 0} .menu-handle.ac span:nth-child(1){-webkit-transform:translate(0,11px) rotate(45deg);-moz-transform:translate(0,11px) rotate(45deg);-ms-transform:translate(0,11px) rotate(45deg);-o-transform:translate(0,11px) rotate(45deg);transform:translate(0,11px) rotate(45deg)} .menu-handle.ac span:nth-child(2){opacity:0} .menu-handle.ac span:nth-child(3){-webkit-transform:translate(0,-11px) rotate(-45deg);-moz-transform:translate(0,-11px) rotate(-45deg);-ms-transform:translate(0,-11px) rotate(-45deg);-o-transform:translate(0,-11px) rotate(-45deg);transform:translate(0,-11px) rotate(-45deg)} .nav{display:none;position:fixed;left:0;top:60px;width:100%;height:100%;padding-bottom:60px;background-color:#fff;padding:0 15px 90px;overflow-y:auto} .nav>ul>li{float:none;width:100%;color:#333;border-bottom:1px solid #ccc;padding:0} .nav .title a{color:#333;padding-bottom:0;border-bottom:0} .nav .title a:hover{border:0} .nav .title.cur a{padding-bottom:0;border-bottom:0} .hassub{position:relative} .hassub .mico{position:absolute;right:0;top:0;width:44px;height:44px;background:url(../images/tacn/queico.png) no-repeat center;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s} .hassub.roll .mico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .full-dropdown{position:static;-webkit-box-shadow:none;box-shadow:none;padding:0 0 15px} .full-dropdown .column{display:none} .full-dropdown .subnav{float:none;width:100%} .full-dropdown .subnav1{float:none;width:100%} .full-dropdown .nav-web{width:100%;height:auto} .m-ico-links{padding-top:0;float:none} .m-ico-links a{display:block;margin-bottom:10px} .about-nav-wrapper dl{padding:5px 15px;height:auto} .about-nav-wrapper dl dt{padding-bottom:10px;font-size:16px;font-weight:400} .about-nav-wrapper dl dd{padding-left:20px} .about-nav-wrapper .know{background:0 0} .about-nav-wrapper .customer{background:0 0;border:0} .contact-nav-wrapper dl{width:100%;height:auto;padding:0 0 0 15px} .contact-nav-wrapper dl dt{font-weight:400;line-height:44px} .contact-nav-wrapper dl .ico{display:none} .contact-nav-wrapper .hr{border:0} /*一个空白的可点击 .cooperation-box{display:none;position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto} .cooperation-box .cooperation{width:100%;height:100%;padding:35px 15px} .cooperation-box .cooperation iframe{width:100%;height:100%} .cooperation-box .cooperation-close{position:absolute;right:20px;top:20px;width:30px;height:30px;-o-background-size:20px 20px;background-size:20px 20px} .cooperation-left{float:none;width:100%} .cooperation-left h3{font-size:20px;line-height:22px;padding-bottom:15px} .cooperation-left h4{font-size:25px;line-height:28px;padding-bottom:15px} .cooperation-left h5{padding-bottom:10px} .cooperation-left .coopb{padding:10px 0} .cooperation-right{float:none;width:100%;padding-top:15px} .cooperation-right .baseinfo label{height:auto} .cooperation-right .baseinfo .name{float:none;width:100%;margin-bottom:8px} .cooperation-right .baseinfo .tel{float:none;width:100%} .cooperation-right .type-label{font-size:20px;line-height:26px} .cooperation-right .type-label span{font-size:26px;line-height:36px} .cooperation-right .project-type dd{width:33.333%;height:73px;margin-bottom:5px} .cooperation-right .project-type label{width:100%;height:67px} .cooperation-right .verification{position:relative;padding-top:10px;padding-right:150px} .cooperation-right .verification label{float:none;width:100%;height:auto} .cooperation-right .verification img{position:absolute;right:0;top:10px;height:36px} .cooperation-right .sub{padding-top:15px} .cooperation-right .sub input{padding:6px 0;border:1px solid #e81727;font-size:16px}*/ .site-nav-wrapper .m-ico-links{width:100%;padding-left:3.5%} .news-nav-wrapper li,.wechat-nav-wrapper li{float:none;width:100%;text-align:left} .news-nav-wrapper li .ico,.wechat-nav-wrapper li .ico{display:none} .news-nav-wrapper li a,.wechat-nav-wrapper li a{display:block} .news-nav-wrapper li a,.wechat-nav-wrapper li a{padding-left:20px;line-height:44px;font-weight:400} .news-nav-wrapper ul,.wechat-nav-wrapper ul{padding-top:0;margin-left:0;margin-right:0;margin:0} /*轮播设置*/ .banner{position: relative;background: #333; display: flex;} #banner { position:relative; /*display: flow-root;background-color: #333333;*/} #banner li{ width: 50%;} /*业务*/ .access-item {width: 48%;} /*样板工程*/ #anli{width:95%;} .anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;} .anul>li{width:48%; height: auto; margin:0 1%; float: left;position: relative; overflow: hidden; margin-bottom: 3%;} .anul>li:last-child { display:block;} .anul>.li{margin-right: 0px;} .anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 12px; position: absolute; bottom: 0px; left: 0px; display: none; } .anul>li>a>div{display:none;} .anul>li>a>div>img{display:block;margin: 0 auto;margin-top: 5%;} .nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px;} .nav4 ul{border:none} .nav4>ul>li{float: left;margin-right:0%; width: 100%;} .nav4>ul>li:nth-child(2n){margin-right: 0px;} .nav4>ul>li:last-child{margin-right: 0;} .nav4>ul>li>a{font-size: 14px;padding:10px 10px; border-radius: 10px; display: block;} /*文化*/ .fywenhuabot{margin-top: 90px;} .fywenhuabot li h2{font-size: 60px;margin: 10px 0} .fywenhuabot li h3{font-size: 23px} /*公司新闻*/ .c_news{width:100%;height:auto;} .c_news li{width:100%;float:left;height:103px;position:relative;top:0;left:0;padding:10px;margin-bottom:10px;} .c_news li i{max-height:160px;} .c_news li h2{height:20px;line-height:20px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;width:95%;} .c_news li b{font-size:18px;margin-bottom:1px;} .c_news li:nth-child(1){width:100%;height:140px;background:url(../images/tacn/mnew.jpg) no-repeat center top;background-size:100%;} .c_news li:nth-child(1) h2{width:95%;left:0px;padding:10px;padding-right:60px;font-size:14px;line-height:16px;height:16px;} .c_news li:nth-child(1) h2:before{right:20px;} .c_news li:nth-child(3){display:none;} .c_news li:nth-child(4),.c_news li:nth-child(5),.c_news li:nth-child(6){width:100%;padding:10px;} .c_news li:nth-child(2){height:133px;} .c_news li:nth-child(2) p{left:0;bottom:35px;height:57px;} .c_news li time{padding:5px 0 0 18px;background:url(../time.png) no-repeat 0 5px;} .c_news li h3{width:80px;height:30px;padding-top:60px;} .c_news li h3:before{height:60px;background-size:60px;top:10px;} .c_news li:nth-child(5){top:0px;} .c_news li:nth-child(5) h3:before{background-position:center -115px;} .c_news li:nth-child(6) h3:before{background-position:center -228px;} /*公司环境*/ .index_top_partition{height: 20%;} .index_top{height: 15%;} .index_bot{height: 85%;width: 100%;} .index_top_left{width: 98%;} .index_top_left_business{font-size: 24px;} .index_top_left_inroduction{font-size: 14px;line-height: 1.5;letter-spacing: 0px;} .index_top_p5{background-color: #333;} .index_top_in{position: relative;width: 96%;} /*.p8_con{display: none;height: 0;}*/ .p8_con/*_phone*/{width: 100%;height: 50%;display: block;} .p8_con/*_phone*/ li{width: 50%;height: auto;float: left;} .p8_con li:last-child{display: none;} .p8_mask{display: none;} .p8_con_pic_h{display: none;} .active .p8_con_phone_even{animation: slideInLeft 1s ease 0s;-webkit-animation:slideInLeft 1s ease 0s;animation-fill-mode: both;} .active .p8_con_phone_odd{animation: slideInRight 1s ease 0s;-webkit-animation:slideInRight 1s ease 0s;animation-fill-mode: both; } /*联系我们*/ .ri{width:100%} .con-box{padding-top: 50px;} .con-box .conten{padding-top: 20px;} .con-box .conten{line-height: 36px;} /*footer*/ .footer_form h4{font-size: 28px;} .footer_form form div .input__label{font-size: 13px;} .footer_bottom .foo_bot_ys{display: none;} .footer_bottom .foo_bot_links{display: none;} .footer_bottom .foo_bot_others{display: none;} .footer_bottom .foo_bot_ys ul li small{font-size: 14px;} /*neiyehuandeng*/ .list_ban{height:100px;background:url(../../images/tacn/list_ban.jpg) no-repeat right;background-size:170%;/*margin-top:50px;*/} .list_ban .text{width:96%;margin-left:2%;padding-top:20px;} .list_ban .text dt em{font-size:32px;line-height:32px;} .list_ban .text dt h2{font-size:20px;line-height:20px;font-weight: normal;} .list_ban .text dd,.pet{display:none;} /*公司简介*/ .market_top {margin: -20px 2%; width: 96%; padding-top: 10px;font-size: 1rem;} .content { width: 100%; float: left; font-family: "微软雅黑";padding-top: 10px;} .contentr { width: 100%; float: right;} .contentr img { height: auto; width: 100%;} .tit1 { margin-bottom: 0px; height: 50px; padding-top: 20px; padding-bottom: 0px;} .tit1 i {display: inline-block; width: 47px; height: 38px; position: relative;} .tit1 i.ic-l { background: url(../images/ic1.png) no-repeat left top; float: left; top: -20px;} .tit1 i.ic-r { background: url(../images/ic2.png) no-repeat left top; float: left;top: 55px;} .tit1 span { display: inline-block; float: left; font-family: "Arial";color: #ccc; font-size: 18px; font-weight: normal;line-height: 1.1em;margin: 0 15px;} .tit1 span b { font-size: 20px; color: #333; font-family: "微软雅黑", "Microsoft Yahei";} /*网站建设*/ /*1*/ .wzjs .wz{width:100%;} .wzjs .js{width:100%;text-align: center;} /*2*/ /*3*/ .wztit p{width:90%;} /*4*/ .wztitb p{width:90%;} /*5*/ .wzjs .nr{width:100%;} .wzjs .sj{width:100%; text-align: center;} /*6*/ .db{width: 100%;} .db b{font-size: 0.24rem;margin-bottom:0.15rem; text-align: center} .db li{font-size: 0.8rem;background: #dcdcdc;border-radius: 3rem;height: 2.5rem;line-height: 2.5rem; margin-bottom: 0.5rem; padding-left: 10%;text-align: left;} .dby{width: 100%;} .dby b{font-size: 1.5rem;margin-bottom:0.15rem; width:100%; text-align:center} .dby li{font-size: 0.8rem; border-radius: 3rem;height: 2.5rem;line-height: 2.5rem;margin-bottom: 0.5rem;padding-left: 7rem;position: relative;} .dby li>span{font-size: 1rem; width: 5rem;height: 2.5rem;left: 0;} /*网络推广*/ /*1*/ .net4 .bx{width: 90%;min-width: 200px;} .net4{padding: 35px 0;} .net4 .abtn{margin: 20px 0;} .net4 .ul1 li .ltc{width: 280px;height: 280px;margin: 20px auto;} .net4 .ul1 li .ltc .txt1,.net4 .ul1 li .ltc .txt2,.net4 .ul1 li .ltc .txt3,.net4 .ul1 li .ltc .txt4,.net4 .ul1 li .ltc .txt5,.net4 .ul1 li .ltc .txt6{display: none;} .net4 .ul1 li .txtbox{display: block;} .net4 .ul1 li .txtm1{line-height: 50px;margin-bottom: 10px;width: 33%;float: left;font-size: 14px;} .net4 .ul1 li .txtm1 img{display: block;width: 50px;margin: 10px auto;} .net4 .tt{font-size: 20px;} .net4 .abtn span{font-size: 16px;} .net4 .ul1 li .ltt{font-size: 13px;} /*银行账号*/ .yhzh .d{height: 200px; width: 90%; margin: 0 auto;border:none;} .yhzh .d .lb{width:100%;} .yhzh .d .rb{width:100%;} /*联系我们*/ .mp{width:100%;float:left;} .mp_1{display: none;} .mp_2{display: none;} .cont_1 img{width: 80%;} .ct_p1 {padding: 4% 4% 0 4%;} /*产品展示*/ .cp {padding:30px 0;} .cw{width:100%;/*float:left;*/margin: 0 auto;} .cp{display:none;} .let,.phot h1,.pnew li:after{display:none;} .rit{width:100%;float:left;} .col-lg-4{width:50%;} /*人才招聘*/ .jobs_lzy{ line-height:32px;} .jobs_rzy{ word-break:break-all; margin-top:20px;} .jobs_ltit{ font-size:20px; margin-bottom:25px;} .jobs_rtit{ font-size:28px; line-height:28px;} .job_con{ padding-top:40px;} .jobs_l{ width:100%; float:none;} .job_lx{ width:100%; position:relative; margin:20px 0px;bottom:0px;} .job_lx .job_lxli.job_mail{ display:inline-block; padding-right:40px; border-right:1px solid #a6a6a6;} .job_lx .job_lxli.job_tel{ display:inline-block;padding-left:40px;} .jobs_r{ width:100%; float:none;} /*简介*/ .col-lg-6 {width: 100%;} .aboutbox .about { padding: 20px 30px 0;} .about .con {padding: 0;height: 112px;overflow: hidden;} .about a.mor {padding-top: 10px; } .about .tit { font: 600 22px/52px "Microsoft Yahei";} .xwzxbotleft {width: 100%;margin-bottom: 10px; } /*联系我们*/ .list_box{padding:0} .list_contact dd{width:100%;float:right;padding:0;margin-top:30px;padding-top:30px;border-left:0;border-top:solid 1px #E3E3E3;} .list_contact dd img{width:100%;margin:0 auto;display:table;float:none;} .list_contact dt em {font-size: 36px; top: 59px;} /*栏目额*/ .md-12,.md-3,.md-4,.md-6{float:left} .md-4{width:50%} /*图片内容页*/ .fyjyleft{display: none;} .fyjyright {width: 100%;float: left;} /*hezuokehunei*/ .case_list .img .i{ display:none;} .case_list .text{ background:#fff; height:auto; overflow:visible; padding:20px;} .case_list .h3{ font-size:14px; height:20px; line-height:20px; padding-top:0px; text-align:center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden;} .case_list .b{ display:none;} .case_list .p{ color:#999; display:none;} .case_list .pd:hover .h3{transform:translateY(0%); opacity:1; height:auto;} .case_list .pd:hover .p{ color:#999;} .list_news ul{width:100%;float:left;position:relative;} .list_news li{width:100%; padding: 0 2%;margin-bottom:10px;} .list_news li i{width:160px;margin-right:10px;} .list_news li h2{font-size:16px;line-height:20px;margin-top:10px;} .list_news li p{font-size:14px;margin:10px 0;line-height:20px;} .list_news li time{padding:5px;left:0;top:0;display:none;} .list_news li span{display:none;} .list_news li b{font-size:26px;line-height:22px;margin-bottom:0;padding-bottom:0;} .list_news li:nth-child(2n+0) {background: #F5F5F5;} /******************分页*****************/ .fybanner{height: 200px;} .fyimgtxt{padding-top: 80px;} .fyimgtxt h4{font-size: 26px;} /*新闻中心-详情页*/ .fyxwxqtitle h2{font-size: 24px;} .fyxwxq{margin: 0 auto 30px;} /*经营模式*/ .fyjingying{margin-top: 15px;padding-top: 15px} .fyjyms .fyxwxqcont{padding: 10px 0 20px} } @media only screen and (max-width:992px){ .pc_hide {display: none;} /*新闻中心*/ .xwzxbotleft { display: none;} .xwzxbotright {width: 97%;} .fyjyms .fyxwxqcont {padding: 12px 0 16px;} /*产品中心*/ .fyjyms { margin: auto 0;width: 100%;} .fytdlb{margin: 50px auto 0;width: 100%;} /*.fytdlb li{margin: 0 2% 48px}*/ .fytdlb .anul>li { width: 47%;} .l_tel{display:none;} } @media only screen and (max-width:960px){ /*联系我们*/ .ri{width:100%; padding: 10px 4%;} } @media only screen and (max-width:768px){ /*移动端防恶意复制信息*/ * {-webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } /*导航*/ .fenlei ul li a{font-size:0.7rem;} /*网络推广*/ /*3*/ .food04 .bx .tt {font-size: 20px; } .food04 {padding: 35px 0; } .food04 ul {margin-top: 20px; } .food04 ul li {padding: 20px;width: 100%;margin-right: 0px;margin-top: 20px; float: none;} .food04 ul li:nth-child(-n + 2) {margin-top: 20px; } .food04 ul li:nth-child(-n + 1) {margin-top: 0; } .food04 ul li h4 {font-size: 18px; } .food04 ul li h6 {font-size: 14px;line-height: 20px;height: 60px; } /*公司简介*/ .aboutbox .about { padding: 20px 20px 15px;} .about a.mor {padding-top: 10px;} .visible-xs {display: block!important} .hidden-xs {display: none!important} /*合作客户内*/ .case_list ul{ margin-right:-10px;} .case_list li{ margin-bottom:10px;width:47%;} .case_list .pd{ margin-right:10px;} /*footer*/ .sm-dn {display: none !important;} /*gongneiye*/ /*新闻内页*/ .news-list li .info-w{height:110px} .news-list li .date{width:70px} .news-list li .date em{font-size:22px} .news-list li .info{width:calc(100% - 70px)} .main1500{width: 94%} ._act1 {color: #fff !important;} /*sp*/ #video_box {width: 100%;margin: 0 auto;margin-top: 0px;} #video_box video {width: 100%;margin: 0 auto;display: block;} } @media only screen and (max-width:640px){ .h_nav {height: 90px;} .h_nav li {width: 20%;} .h_nav li a {height:45px; line-height: 45px;} /*人才招聘*/ .job_lx .job_lxli.job_mail{ border:0px;} .job_lx .job_lxli.job_tel{ display:block;padding-left:0px;} /*网站建设*/ /*1*/ .wzjs .wz{padding: 60px 10px 0;} .wzjs .wz .bt .t2{padding: 0 15px;} /*2*/ .yxwz_sec4 ._intro { margin-bottom: 8px;} .yxwz_sec4 ._t {font-size: 31px;} .yxwz_sec4 li{width:48%;} .qy_feature ._c p {height: 62px;} /*3*/ .wztit p{width:95%;} .wztit span{font-size:35px;} /*4*/ .wztitb p{width:95%;} .wztitb span{font-size:35px;} /**/ .si00 .b4{width:100%} /*合作客户内*/ .case_list ul{ margin-right:-5px;} .case_list li{ margin-bottom:5px;} .case_list .pd{ margin-right:5px;} /*新闻中心*/ .xwzxbotright{width: 97%} .xwzxbotright li:last-child{display: none;} /********************首页***************/ /*************分页**************/ .fybanner{height: 220px;background-position: left bottom} .fyimgtxt h4{font-size: 20px;} /*产品中心*/ .fytdlb{margin: 30px auto 0;width: 100%;} .fytdlb li {margin: 0 0 30px;width: 100%;} .fytdlb .anul>li {width: 48%;height: auto;margin-right: 0.4%;float: left;position: relative;overflow: hidden;margin-bottom: 0.4%;} .fytdlb .anul>li>a>h2 {display:block;} .fytdlb .ryzz>li {width:48%;height:auto;margin-right:0.4%;float:left;position:relative;overflow:hidden;margin-bottom:0.4%;} .fytdlb .ryzz>li>a>h2{display:block;} /*新闻中心-详情页*/ .fyxwxqtitle h2{font-size: 18px;} .fyxwxqtitle h3{width: 70px;margin: 10px auto 6px;} .fyjyms .fyxwxqcont{padding: 15px 0} .xqytext a.xqback{position:static;margin-top:15px;} } /*---------------------------------手机----------------------------------------------*/ @media only screen and (max-width:558px){ .title_box .en { font-size: 30px; line-height: 30px; } .title_box .cn .txt { padding: 0 10px; font-size: 20px; line-height: 30px; } .title_box .cn .line { width: 50px; } #banner .banner-title{font-size: 17px;} #banner .banner-detail{font-size: 13px;} /*标题*/ .section-title h1 {font-size: 32px;} .section-title h2 {font-size: 16px;} .get-more{display:none;} /*文化*/ .fywenhuabot li h2{font-size:38px;margin: 10px 0} .fywenhuabot li h3{font-size: 20px} /*网站建设*/ /*5*/ .wzjs .wz{padding: 60px 10px 0;} .wzjs .nr .bt .t2{ padding: 0 15px;} /*网络推广*/ /*1*/ .net4 .ul1 li .txtm1{width:50%;} /*合作客户内*/ .case_ul .li{ width: 49%; float: left; margin-bottom:5px;} .case_list ul{ margin-right:0px;} .case_list li{ float: left;} .case_list .pd{ margin-right:0px;} .case_list .img img {padding:0 4%;} } @media only screen and (max-width:375px){ .c_news li p { overflow: hidden;} .si00 .b4{font-size: 16px;} } @media only screen and (max-width:360px){ /*********************分页******************/ /*专家团队*/ .fytdlb li {margin: 0 0 30px;width: 100%} } @media only screen and (max-width:320px){ } /*1280*1024*/ @media (max-width:1280px) and (min-height:867px){} @media (min-width:1025px) and (max-height:900px){} @media only screen and (max-height:780px){} @media (min-width:1025px) and (max-height:780px){} @media only screen and (max-height:630px){} /*一键拨号*/ @media(min-width:1000px){ .footbox{display:none;} .gao{display:none;}} .gao{height:4rem;} .footbox{height: 4rem;background: rgba(0, 0, 0, 0.81);bottom: 0;z-index: 99;left: 0; width: 100%; position: fixed; z-index: 1000;} .flexbox{/*text-align: center;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .footbox ul li{-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; text-align:center;} .footbox ul li a{ display:block;color:#fff;font-size: 1rem;} .footbox ul li a img{ display:block; width:2rem; height:2rem; margin:0.3rem auto}